﻿<%@ Page Title="" Language="C#" MasterPageFile="~/Mercados/Mercados.Master" AutoEventWireup="true" CodeBehind="Bursatil.aspx.cs" Inherits="RosarioFinanzas.Mercados.Bursatil" %>
<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">

        <title>ROSARIO FINANZAS - Mercados</title>

    <meta name="description" content="Cotizaciones, Mercados, Cauciones, Cheques Diferidos, BCR, acciones, bonos, opciones, merval, bcba, dolar, dólar, adr, aluar, tenaris, ypf, galicia, macro, frances, edenor, transener, telecom, petrobras, comercial, COME, siderar, ERAR, GGAL, EDN, Pampa, PAMP, TECO, PESA" />

    <meta http-equiv="title" name="title" content="ROSARIO FINANZAS - Mercados" />
    <meta http-equiv="description" name="description" content="En este sitio encontrará información consolidada acerca de los instrumentos bursátiles que se negocian en el mercado de valores argentino" />
	
    <meta property="og:image" content="http://rosariofinanzas.com.ar/Imagenes/Cabecera_FB.png" />
    <meta property="og:url" content="http://rosariofinanzas.com.ar/Mercados/Bursatil.aspx" />
    <meta property="og:title" content="ROSARIO FINANZAS - Mercados" />
    <meta property="og:description" content="En este sitio encontrará información consolidada acerca de los instrumentos bursátiles que se negocian en el mercado de valores argentino" />
   


    <script type="text/javascript">

        $(document).ready(function () {
   
            GetObjetos('Bursatil.aspx');
            // KnockoutJS
            function itemsVM() {
                var self = this;

                self.itemsTablaPrincipal = ko.observableArray([]);
                self.itemsTablaBonosUSD = ko.observableArray([]);
                self.itemsTablaIndices = ko.observableArray([]);

                self.dolarMEP = ko.observable();
                self.dolarA3500 = ko.observable();
                self.dolarAhorro = ko.observable();
                self.dolarTurista = ko.observable();
                self.dolarPromedioRF = ko.observable();
                self.euroPromedioRF = ko.observable();
                self.realPromedioRF = ko.observable();
                self.dolarBlue = ko.observable();
                self.dolarCCL = ko.observable();

                self.obtenerCotizacionDolarMEP = function () {

                    $.ajax({
                        type: "POST",
                        url: "../Service1.asmx/ObtenerCotizacionDolarMEP",
                        data: "{}",
                        contentType: "application/json; charset=utf-8",
                        dataType: "json",
                        async: false,
                        success: function (result) {

                            self.dolarMEP(result.d.toString().replace(".", ","));

                        },
                        error: function (xhr, ajaxOptions, thrownError) {
                        }

                    });
                }

                self.obtenerCotizacionCCL = function () {

                    $.ajax({
                        type: "POST",
                        url: "../Service1.asmx/ObtenerCotizacionCCL",
                        data: "{}",
                        contentType: "application/json; charset=utf-8",
                        dataType: "json",
                        async: true,
                        success: function (result) {

                            self.dolarCCL(result.d.toString().replace(".", ","));

                        },
                        error: function (xhr, ajaxOptions, thrownError) {
                        }

                    });
                }

                self.obtenerCotizacionDolarA3500 = function () {

                    $.ajax({
                        type: "POST",
                        url: "../Service1.asmx/ObtenerCotizacionDolarA3500",
                        data: "{}",
                        contentType: "application/json; charset=utf-8",
                        dataType: "json",
                        async: true,
                        success: function (result) {

                            self.dolarA3500(result.d.toString().replace(".", ","));                                                      

                        },
                        error: function (xhr, ajaxOptions, thrownError) {
                        }

                    });
                }


                self.obtenerCotizacionesPromedioRF = function () {

                    $.ajax({
                        type: "POST",
                        url: "../Service1.asmx/ObtenerCotizacionesPromedioRF",
                        data: "{}",
                        contentType: "application/json; charset=utf-8",
                        dataType: "json",
                        async: true,
                        success: function (result) {
                            
                            var parsed = JSON.parse(result.d);

                            for (var i = 0; i < parsed.Monedas.Moneda.length; i++) {
    
                                var moneda = parsed.Monedas.Moneda[i];

                                if (moneda.Nombre == "DÓLAR") {
                                    self.dolarPromedioRF(moneda.Cotizacion);
                                    
                                    var ahorro = Math.round((moneda.Cotizacion.replace(",", ".") * 1.2) * 100) / 100;
                                    var turista = Math.round((moneda.Cotizacion.replace(",", ".") * 1.35) * 100) / 100;

                                    self.dolarAhorro(ahorro.toString().replace(".", ","));
                                    self.dolarTurista(turista.toString().replace(".", ","));

                                }

                                if(moneda.Nombre == "EURO")
                                    self.euroPromedioRF(moneda.Cotizacion);

                                if(moneda.Nombre == "REAL")
                                    self.realPromedioRF(moneda.Cotizacion);

                                if (moneda.Nombre == "BLUE")
                                    self.dolarBlue(moneda.Cotizacion);
                                


                            }                            

                        },
                        error: function (xhr, ajaxOptions, thrownError) {
                            alert("Hubo un error al obtener la información de la tabla de monedas");
                        }

                    });
                }


                self.obtenerItemsTablaPrincipal = function () {

                    $.ajax({
                        type: "POST",
                        url: "../../Service1.asmx/GetItemsTablaPrincipal",
                        data: "{}",
                        contentType: "application/json; charset=utf-8",
                        dataType: "json",
                        async: false,
                        success: function (result) {
                            
                            self.itemsTablaPrincipal.removeAll();

                            var parsed = JSON.parse(result.d);

                            for (var i = 0; i < parsed.Quotes.Stock.length; i++) {
    
                                var currentStock = parsed.Quotes.Stock[i];
                                self.itemsTablaPrincipal.push(new itemTabla(currentStock.Code, currentStock.Symbol, currentStock.Name, currentStock.Price, currentStock.Currency, currentStock.ChangeDay, currentStock.ChangeMonth, currentStock.ChangeYear));

                            }



                            $.ajax({
                                type: "POST",
                                url: "../../Service1.asmx/ObtenerInfoTooltip",
                                data: "{tipoInstrumento: 'Accion'}",
                                contentType: "application/json; charset=utf-8",
                                dataType: "json",
                                async: false,
                                success: function (result) {

                                    var tempo = JSON.parse(result.d);
                                    self.dataTooltip = ko.observableArray(tempo);


                                    for (var i = 0; i < self.dataTooltip().length; i++) {

                                        var urlBase = 'http://rosariofinanzas.com.ar/Mercados/';

                                        var contentHTML = '<div class="tooltip-cabecera"><div class="tooltip-imagen"><img src="' + urlBase + self.dataTooltip()[i].UrlImagen + '" alt="logo" width="90" ></div><div class="tooltip-titulo">' + self.dataTooltip()[i].Nombre + '</div></div><div style="clear: both"><p class="tooltip-cuerpo">' + self.dataTooltip()[i].Descripcion + '</p></div>';


                                        $('#tooltip_' + self.dataTooltip()[i].Codigo).tooltipster({
                                            animation: 'fade',
                                            delay: 200,
                                            theme: 'tooltipster-light',
                                            touchDevices: false,
                                            trigger: 'hover',
                                            position: 'top',
                                            contentAsHTML: true,
                                            maxWidth: 400,
                                            content: $(contentHTML)
                                        });

                                    }

                                }
                            });


                                 
                        },
                        error: function (xhr, ajaxOptions, thrownError) {
                            alert("Hubo un error al obtener la información. Por favor intentelo nuevamente o contáctenos a través de las Redes Sociales");
                        }

                    });

                }

                self.obtenerItemsTablaIndices = function () {

                    $.ajax({
                        type: "POST",
                        url: "../../Service1.asmx/GetItemsTablaIndices",
                        data: "{}",
                        contentType: "application/json; charset=utf-8",
                        dataType: "json",
                        async: false,
                        success: function (result) {
                            
                            self.itemsTablaIndices.removeAll();

                            var parsed = JSON.parse(result.d);
                            
                            for (var i = 0; i < parsed.Quotes.Stock.length; i++) {
                                
                                var currentStock = parsed.Quotes.Stock[i];
                                self.itemsTablaIndices.push(new itemTabla(currentStock.Code, currentStock.Symbol, currentStock.Name, currentStock.Price, currentStock.Currency, currentStock.ChangeDay, currentStock.ChangeMonth, currentStock.ChangeYear));
                                                               
                            }

                            $.ajax({
                                type: "POST",
                                url: "../../Service1.asmx/ObtenerInfoTooltip",
                                data: "{tipoInstrumento: 'Indice'}",
                                contentType: "application/json; charset=utf-8",
                                dataType: "json",
                                async: false,
                                success: function (result) {

                                    var tempo = JSON.parse(result.d);
                                    self.dataTooltip = ko.observableArray(tempo);
                                    

                                    for (var i = 0; i < self.dataTooltip().length; i++) {

                                        var urlBase = 'http://rosariofinanzas.com.ar/Mercados/';

                                        var contentHTML = '<div class="tooltip-cabecera"><div class="tooltip-imagen"><img src="' + urlBase + self.dataTooltip()[i].UrlImagen + '" alt="logo" width="90" ></div><div class="tooltip-titulo">' + self.dataTooltip()[i].Nombre + '</div></div><div style="clear: both"><p class="tooltip-cuerpo">' + self.dataTooltip()[i].Descripcion + '</p></div>';
                                                                               

                                        $('#tooltip_' + self.dataTooltip()[i].Codigo).tooltipster({
                                            animation: 'fade',
                                            delay: 200,
                                            theme: 'tooltipster-light',
                                            touchDevices: false,
                                            trigger: 'hover',
                                            position: 'top',
                                            contentAsHTML: true,
                                            maxWidth: 400,
                                            content: $(contentHTML)
                                        });

                                    }

                                }
                            });

                            

                        },
                        error: function (xhr, ajaxOptions, thrownError) {
                            alert("Hubo un error al obtener la información de la tabla de índices");
                        }

                    });

                }
                

                self.obtenerItemsTablaBonosUSD = function () {

                    $.ajax({
                        type: "POST",
                        url: "../../Service1.asmx/GetItemsTablaBonosUSD",
                        data: "{dolarMEP:'" + self.dolarMEP() + "'}",
                        contentType: "application/json; charset=utf-8",
                        dataType: "json",
                        async: false,
                        success: function (result) {
                            
                            self.itemsTablaBonosUSD.removeAll();

                            var parsed = JSON.parse(result.d);

                            for (var i = 0; i < parsed.Quotes.Stock.length; i++) {

                                var currentBond = parsed.Quotes.Stock[i];
                                self.itemsTablaBonosUSD.push(new itemTablaBonos(currentBond.Symbol, currentBond.Name, currentBond.Price, currentBond.Currency, currentBond.ChangeDay, currentBond.ChangeMonth, currentBond.ChangeYear, currentBond.IRR));

                            }

                            for (var i = 0; i < self.itemsTablaBonosUSD().length; i++) {

                                if (self.itemsTablaBonosUSD()[i].symbol() == "AO20") {
                                    self.itemsTablaBonosUSD()[i + 1].irr(self.itemsTablaBonosUSD()[i].irr());
                                }

                                if (self.itemsTablaBonosUSD()[i].symbol() == "AA17") {
                                    self.itemsTablaBonosUSD()[i + 1].irr(self.itemsTablaBonosUSD()[i].irr());
                                }

                                if (self.itemsTablaBonosUSD()[i].symbol() == "GJ17") {
                                    self.itemsTablaBonosUSD()[i + 1].irr(self.itemsTablaBonosUSD()[i].irr());
                                }

                                if (self.itemsTablaBonosUSD()[i].symbol() == "AN18") {
                                    self.itemsTablaBonosUSD()[i + 1].irr(self.itemsTablaBonosUSD()[i].irr());
                                }

                                if (self.itemsTablaBonosUSD()[i].symbol() == "AY24") {
                                    self.itemsTablaBonosUSD()[i + 1].irr(self.itemsTablaBonosUSD()[i].irr());
                                }

                             
                            }


                            $.ajax({
                                type: "POST",
                                url: "../../Service1.asmx/ObtenerInfoTooltip",
                                data: "{tipoInstrumento: 'Bono'}",
                                contentType: "application/json; charset=utf-8",
                                dataType: "json",
                                async: false,
                                success: function (result) {

                                    var tempo = JSON.parse(result.d);
                                    self.dataTooltip = ko.observableArray(tempo);


                                    for (var i = 0; i < self.dataTooltip().length; i++) {                                     

                                        var contentHTML = '<div class="tooltip-cabecera"><div class="tooltip-imagen"></div><div class="tooltip-tituloBono">' + self.dataTooltip()[i].Nombre + '</div></div><div style="clear: both"><p class="tooltip-cuerpo">' + self.dataTooltip()[i].Descripcion + '</p></div>';


                                        $('#tooltip_' + self.dataTooltip()[i].Codigo).tooltipster({
                                            animation: 'fade',
                                            delay: 200,
                                            theme: 'tooltipster-light',
                                            touchDevices: false,
                                            trigger: 'hover',
                                            position: 'top',
                                            contentAsHTML: true,
                                            maxWidth: 400,
                                            content: $(contentHTML)
                                        });

                                    }

                                }
                            });





                        },
                        error: function (xhr, ajaxOptions, thrownError) {
                            alert("Hubo un error al obtener la información. Por favor intentelo nuevamente o contáctenos a través de las Redes Sociales");
                        }

                    });

                }

                self.aplicarOrdenamientoTablas = function () {

                    // call the tablesorter plugin
                    $("#tablaAccionesPrincipales, #tablaBonosUSD, #tablaIndices").tablesorter({
                        theme: 'blue',

                        // hidden filter input/selects will resize the columns, so try to minimize the change
                        widthFixed: true,

                        headers: {
                            // assign the secound column (we start counting zero) 
                            0: {
                                // disable it by setting the property sorter to false 
                                sorter: false
                            }
                        },

                        // initialize zebra striping and filter widgets
                        widgets: ["zebra", "filter"],

                        ignoreCase: false,

                        widgetOptions: {

                            // filter_anyMatch options was removed in v2.15; it has been replaced by the filter_external option

                            // If there are child rows in the table (rows with class name from "cssChildRow" option)
                            // and this option is true and a match is found anywhere in the child row, then it will make that row
                            // visible; default is false
                            filter_childRows: false,

                            // if true, a filter will be added to the top of each table column;
                            // disabled by using -> headers: { 1: { filter: false } } OR add class="filter-false"
                            // if you set this to false, make sure you perform a search using the second method below
                            filter_columnFilters: true,

                            // css class name added to the filter cell (string or array)
                            filter_cellFilter: '',

                            // extra css class name(s) applied to the table row containing the filters & the inputs within that row
                            // this option can either be a string (class applied to all filters) or an array (class applied to indexed filter)
                            filter_cssFilter: '', // or []

                            // add a default column filter type "~{query}" to make fuzzy searches default;
                            // "{q1} AND {q2}" to make all searches use a logical AND.
                            filter_defaultFilter: {},

                            // filters to exclude, per column
                            filter_excludeFilter: {},

                            // jQuery selector (or object) pointing to an input to be used to match the contents of any column
                            // please refer to the filter-any-match demo for limitations - new in v2.15
                            filter_external: '',

                            // class added to filtered rows (rows that are not showing); needed by pager plugin
                            filter_filteredRow: 'filtered',

                            // add custom filter elements to the filter row
                            // see the filter formatter demos for more specifics
                            filter_formatter: null,

                            // add custom filter functions using this option
                            // see the filter widget custom demo for more specifics on how to use this option
                            filter_functions: null,

                            // hide filter row when table is empty
                            filter_hideEmpty: true,

                            // if true, filters are collapsed initially, but can be revealed by hovering over the grey bar immediately
                            // below the header row. Additionally, tabbing through the document will open the filter row when an input gets focus
                            filter_hideFilters: false,

                            // Set this option to false to make the searches case sensitive
                            filter_ignoreCase: true,

                            // if true, search column content while the user types (with a delay)
                            filter_liveSearch: true,

                            // a header with a select dropdown & this class name will only show available (visible) options within that drop down.
                            filter_onlyAvail: 'filter-onlyAvail',

                            // default placeholder text (overridden by any header "data-placeholder" setting)
                            filter_placeholder: { search: '', select: '' },

                            // jQuery selector string of an element used to reset the filters
                            filter_reset: 'button.reset',

                            // Use the $.tablesorter.storage utility to save the most recent filters (default setting is false)
                            filter_saveFilters: true,

                            // Delay in milliseconds before the filter widget starts searching; This option prevents searching for
                            // every character while typing and should make searching large tables faster.
                            filter_searchDelay: 300,

                            // allow searching through already filtered rows in special circumstances; will speed up searching in large tables if true
                            filter_searchFiltered: true,

                            // include a function to return an array of values to be added to the column filter select
                            filter_selectSource: null,

                            // if true, server-side filtering should be performed because client-side filtering will be disabled, but
                            // the ui and events will still be used.
                            filter_serversideFiltering: false,

                            // Set this option to true to use the filter to find text from the start of the column
                            // So typing in "a" will find "albert" but not "frank", both have a's; default is false
                            filter_startsWith: false,

                            // Filter using parsed content for ALL columns
                            // be careful on using this on date columns as the date is parsed and stored as time in seconds
                            filter_useParsedData: false,

                            // data attribute in the header cell that contains the default filter value
                            filter_defaultAttrib: 'data-value',

                            // filter_selectSource array text left of the separator is added to the option value, right into the option text
                            filter_selectSourceSeparator: '|'

                        }

                    });

                }


            };

            var itemsViewModel = new itemsVM();
            ko.applyBindings(itemsViewModel);
                        
            itemsViewModel.obtenerCotizacionesPromedioRF();
            itemsViewModel.obtenerCotizacionDolarA3500();
            itemsViewModel.obtenerCotizacionCCL();
            itemsViewModel.obtenerCotizacionDolarMEP();


            itemsViewModel.obtenerItemsTablaIndices();


            itemsViewModel.obtenerItemsTablaPrincipal();
            itemsViewModel.obtenerItemsTablaBonosUSD();
            
            itemsViewModel.aplicarOrdenamientoTablas();
            


            window.setInterval(function () {

                ////Preloader 
                //$('#loading').delay(300).fadeIn();
                //$('#preloader').delay(300).fadeIn('slow');
                //$('body').delay(550).css({ 'overflow': 'hidden' });

                //$("#tablaIndices").find('tbody').empty();
                //$("#tablaAccionesPrincipales").find('tbody').empty();
                //$("#tablaBonosUSD").find('tbody').empty();
                
                //itemsViewModel.obtenerCotizacionesPromedioRF();
                //itemsViewModel.obtenerCotizacionDolarA3500();
                //itemsViewModel.obtenerCotizacionCCL();
                //itemsViewModel.obtenerCotizacionDolarMEP();
                //itemsViewModel.obtenerItemsTablaIndices();
                //itemsViewModel.obtenerItemsTablaPrincipal();
                //itemsViewModel.obtenerItemsTablaBonosUSD();
                
                //$("#tablaIndices").trigger("update");
                //$("#tablaAccionesPrincipales").trigger("update");
                //$("#tablaBonosUSD").trigger("update");

                ////Preloader 
                //$('#loading').delay(300).fadeOut();
                //$('#preloader').delay(300).fadeOut('slow');
                //$('body').delay(550).css({ 'overflow': 'visible' });


                window.location.reload(true);

            }, 300000);

            
            $("div#menuh2 li#aBursatil").addClass('current');

        });


        // Este método se ejecuta cuando la web se cargó completamente, incluídos los métodos de javascript y ajax
        jQuery(window).load(function () {          
           
            $(".especie").css({ "text-align": 'center' });
            $("#tablaMonedas").css({ "width": '0', "margin": 'auto' });
            $("#tablaIndices").css({ "width": '400px' });

            $("#Sponsor").html('<p style="display: block;"> <a id="TsaBursatil" class="head" style="margin: auto; display: table;" href="http://www.tsabursatil.com/html/home.php" target="_blank"><img alt="" class=".head" src="../ckfinder/images/banner_tsabursatil.gif" style="width: 888px; height: 60px; border-width: 0px; border-style: solid;"></a></p></div><div id="Noticias">MERCADO BURSÁTIL Y DE MONEDAS</div>');


            //Preloader 
            $('#loading').delay(300).fadeOut();
            $('#preloader').delay(300).fadeOut('slow');
            $('body').delay(550).css({ 'overflow': 'visible' });
                       
                    
        });


    </script>


    <link rel="stylesheet" type="text/css" href="../CSS/jquery-ui-1.11.4/jquery-ui-1.11.4.css" />
    <link rel="stylesheet" type="text/css" href="css/Bursatil.css?version=5" />
    <link rel="stylesheet" type="text/css" href="css/TableSorter.css?version=2" />
    <link rel="stylesheet" type="text/css" href="css/tooltipster.css" />
    <link rel="stylesheet" type="text/css" href="css/themes/tooltipster-light.css" />

    <script type="text/javascript" src="../scripts/jquery/jquery.tablesorter.min.js" ></script>
    <script type="text/javascript" src="../scripts/jquery/jquery.tablesorter.pager.min.js"></script>
    <script type="text/javascript" src="../scripts/jquery/jquery.tablesorter.widgets.min.js" ></script>    
    <script type="text/javascript" src="scripts/itemTabla.js?version=7" ></script>
    <script type="text/javascript" src="scripts/jquery.tooltipster.min.js" ></script>

</asp:Content>


<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">
    
    <div id="ColumnaIzquierda">


            <table id="tablaIndices" class="tablesorter">
                <thead>
                    <tr>            
                        <th colspan="6" style="text-align:center; font-size:16px; font-weight:100; background-color:#E4A537; color:white;" data-bind="text: 'Índices' "></th>
                        </tr>
                    <tr>            
                        <th data-placeholder="Buscar">Especie</th>
                        <th data-placeholder="Buscar">Valor</th>
                        <%--<th data-placeholder="Buscar">Variación</th>--%>
                        <th data-placeholder="Buscar" >% Día</th>
                        <th data-placeholder="Buscar" >% Mes</th>
                        <th data-placeholder="Buscar" >% Año</th>
                    </tr>
                </thead>
                <tbody>                   
                    <!-- ko foreach: itemsTablaIndices -->
                        <tr>
                            <td class="especie" data-bind="text: symbol, attr: { id: 'tooltip_' + code()}"></td>                            
                            <td data-bind="text: price" ></td>
                            <%--<td data-bind="text: displayPriceVariation, style: { color: priceVariation() >= 0 ? 'green' : 'red' }" ></td>--%>
                            <td data-bind="text: displayChangeDay() + '%', style: { color: changeDay() >= 0 ? 'green' : 'red' }" ></td>
                            <td data-bind="text: displayChangeMonth() + '%', style: { color: changeMonth() >= 0 ? 'green' : 'red' }" ></td>
                            <td data-bind="text: displayChangeYear() + '%', style: { color: changeYear() >= 0 ? 'green' : 'red' }" ></td>

                        </tr>
                    <!-- /ko -->   
                </tbody>
            </table>

        <div id="PublicidadColumnaIzquierda" style="margin-bottom:15px">
           <%-- <a href="FinanciaPyme/FinanciaPyme2015.html" id="FinanciaPyme2015" target="_blank">
                <img alt="FinanciaPyme2015" src="/ckfinder/images/FinanciaPymeBanner440x90.gif" style="width: 400px; height: 80px;" />

            </a>--%>

        </div>

            <table id="tablaMonedas" class="tablesorter">
                <thead>
                    <tr>                
                        <th colspan="2" style="text-align:center; font-size:16px; font-weight:100; background-color:lightseagreen; color:white;" data-bind="text: 'Monedas' "></th>
                    </tr>
                    <tr>            
                        <th data-placeholder="">Moneda</th>
                        <th data-placeholder="">Cotización</th>
                    </tr>
                </thead>
                <tbody>
                   <tr>
                        <td class="especie" data-bind="text: 'Dólar Promedio RF'"></td>
                        <td class="especie" data-bind="text: $data.dolarPromedioRF() ? '$' + $data.dolarPromedioRF() : '-' "></td> 
                    </tr>
                    <tr>
                        <td class="especie" data-bind="text: 'Dólar BCRA 3500'"></td>
                        <td class="especie" data-bind="text: $data.dolarA3500() ? '$' + $data.dolarA3500() : '-'"></td> 
                    </tr>
                    <tr>
                        <td class="especie" data-bind="text: 'Dólar MEP'"></td>
                        <td class="especie" data-bind="text: $data.dolarMEP() ? '$' + $data.dolarMEP() : '-'"></td> 
                    </tr>
                    <tr>
                        <td class="especie" data-bind="text: 'Dólar Contado con Liqui'"></td>
                        <td class="especie" data-bind="text: $data.dolarCCL() ? '$' + $data.dolarCCL() : '-' "></td> 
                    </tr>
                    <tr>
                        <td class="especie" data-bind="text: 'Dólar Ahorro'"></td>
                        <td class="especie" data-bind="text: $data.dolarAhorro() ? '$' + $data.dolarAhorro() : '-'"></td> 
                    </tr>
                    <tr>
                        <td class="especie" data-bind="text: 'Dólar Turista'"></td>
                        <td class="especie" data-bind="text: $data.dolarTurista() ? '$' + $data.dolarTurista() : '-' "></td> 
                    </tr>
                    <tr>
                        <td class="especie" data-bind="text: 'Dólar Blue Ambito.com'"></td>
                        <td class="especie" data-bind="text: $data.dolarBlue() ? '$' + $data.dolarBlue() : '-'"></td> 
                    </tr>
                    <tr>
                        <td class="especie" data-bind="text: 'Euro Promedio RF'"></td>
                        <td class="especie" data-bind="text: $data.euroPromedioRF() ? '$' + $data.euroPromedioRF() : '-'"></td> 
                    </tr>
                    <tr>
                        <td class="especie" data-bind="text: 'Real Promedio RF'"></td>
                        <td class="especie" data-bind="text: $data.realPromedioRF() ? '$' + $data.realPromedioRF() : '-'"></td> 
                    </tr>
                </tbody>
            </table>
                
        </div>



    <div id="ColumnaDerecha">

        
            <table id="tablaAccionesPrincipales" class="tablesorter">
                <thead>
                    <tr>            
                        <th colspan="7" style="text-align:center; font-size:16px; font-weight:100; background-color:lightslategray; color:white;" data-bind="text: 'Principales acciones' "></th>
                        </tr>
                    <tr>            
                        <th data-placeholder="Buscar">Especie</th>
                        <th data-placeholder="Buscar">Precio</th>
                        <th data-placeholder="Buscar">Moneda</th>
                        <%--<th data-placeholder="Buscar">Variación</th>--%>
                        <th data-placeholder="Buscar" >% Día</th>
                        <th data-placeholder="Buscar" >% Mes</th>
                        <th data-placeholder="Buscar" >% Año</th>
                    </tr>
                </thead>
                <tbody>                   
                    <!-- ko foreach: itemsTablaPrincipal -->
                        <tr>
                            <td class="especie" data-bind="text: symbol, attr: { id: 'tooltip_' + code() }"></td>                            
                            <td data-bind="text: price" ></td>
                            <td data-bind="text: currency, style: { color: currency() == 'AR$' ? 'blue' : '#0D8307' }" ></td>
                            <%--<td data-bind="text: displayPriceVariation, style: { color: priceVariation() >= 0 ? 'green' : 'red' }" ></td>--%>
                            <td data-bind="text: displayChangeDay() + '%', style: { color: changeDay() >= 0 ? 'green' : 'red' }" ></td>
                            <td data-bind="text: displayChangeMonth() + '%', style: { color: changeMonth() >= 0 ? 'green' : 'red' }" ></td>
                            <td data-bind="text: displayChangeYear() + '%', style: { color: changeYear() >= 0 ? 'green' : 'red' }" ></td>

                        </tr>
                    <!-- /ko -->   
                </tbody>
            </table>
        <div class="advertencia" data-bind="text: 'La TIR fue calculada utilizando un dólar MEP de $' + $data.dolarMEP() ">                
            </div>
            <table id="tablaBonosUSD" class="tablesorter">
                <thead>
                    <tr>            
                        <th colspan="5" style="text-align:center; font-size:16px; font-weight:100; background-color:#D78080; color:white;" data-bind="text: 'Bonos en Dólares' "></th>
                    </tr>
                    <tr>            
                        <th data-placeholder="Buscar">Especie</th>
                        <th data-placeholder="Buscar">Precio</th>
                        <th data-placeholder="Buscar">Moneda</th>
                        <th data-placeholder="Buscar">% TIR</th>
                        <%--<th data-placeholder="Buscar">Variación</th>--%>
                        <th data-placeholder="Buscar" >% Día</th>
                    </tr>
                </thead>
                <tbody>                   
                    <!-- ko foreach: itemsTablaBonosUSD -->
                        <tr>
                            <td class="especie" data-bind="text: symbol, attr: { id: 'tooltip_' + code() }"></td>                            
                            <td data-bind="text: price" ></td>
                            <td data-bind="text: currency, style: { color: currency() == 'AR$' ? 'blue' : '#0D8307' }" ></td>
                            <td data-bind="text: irr" ></td>
                          <%--  <td data-bind="text: displayPriceVariation, style: { color: priceVariation() >= 0 ? 'green' : 'red' }" ></td>--%>
                            <td data-bind="text: displayChangeDay() + '%', style: { color: changeDay() >= 0 ? 'green' : 'red' }" ></td>
                            
                        </tr>
                    <!-- /ko -->   
                </tbody>
            </table>  

    </div>

</asp:Content>
<asp:Content ID="Content3" ContentPlaceHolderID="ContentPlaceHolder2" runat="server">
    <div >
        <span id="Fecha"></span>
    </div>
</asp:Content>
